<div class="row" style="margin-top:2rem;margin-bottom:1rem;">
	<div class="medium-10 medium-centered column" style="padding:0;">
		<div class="medium-12 column" style="padding:0;">
				<div id="view-stage" class="medium-8 column" style="padding:0;">
					<?php $this->view->partial('common/view_requests'); ?>
				</div>
				<div class="medium-4 column">
					<div class="view-more-l medium-12 column">
						<ul>
							<li class="active vw"><a id="reqs">Request</a> <span class="right round label success">23</span></li>
							<li class="vw"><a id="msgs">Messages</a> <span class="right round label success">33</span></li>
							<li class="vw"><a id="notif">Notification</a> <span class="right round label success">0</span></li>
							<li class="vw"><a id="sett">Settings</a></li>
						</ul>
					</div>
				</div>
		</div>
	</div>
</div>


<script type="text/javascript" language="javascript">
   $(document).ready(function() {
      $("#reqs").click(function(event){
		window.location.href = "view";
      });

      $("#msgs").click(function(event){
          $('#view-stage').load('view/message');
      });
      $("#notif").click(function(event){
          $('#view-stage').load('view/notif');
      });
      $("#sett").click(function(event){
          $('#view-stage').load('view/settings');
      });
   });
</script>

<script type="text/javascript">
	$(document).ready(function() {
			
		$("li.vw").on("click", function (e) {
		    e.preventDefault();
		    $(this).siblings("li.vw").css("border-left", "none").css("fontWeight", "normal");
		    $(this).css("border-left", "solid 4px #009EA1").css("fontWeight", "bold");
		});
	});
</script>

